.container{
	padding-top: 180rpx;
	background-color: #f4f4f4;
}

.main{
	width: 95%;
	margin: auto;
	height: 90vh;
}

.msg_item{
	height: 100rpx;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #f4f4f4;
}

.msg_item_left{
	display: flex;
	align-items: center;
	justify-content: left;
}

.system_msg{
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 8px;
}

.photo_msg{
	background-color: #fff;
	margin-bottom: 10px;
	border-radius: 8px;
}

.user_msg{
	background-color: #fff;
	border-radius: 8px;
}

.avatar{
	margin-right: 5px;
}

.name{
	font-size: 30rpx;
}

.content{
	font-size: 28rpx;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	clear: both;
	/* 清除左右浮动 */
	word-break: break-word;
	
	text-overflow: -o-ellipsis-lastline;
	/* 溢出内容隐藏 */
	overflow: hidden;
	/* 文本溢出部分用省略号表示		 */
	text-overflow: ellipsis;
	/* 特别显示模式	 */
	display: -webkit-box;
	/* 行数		 */
	-webkit-box-orient: vertical;
	
	/* CSS 3 (and 2.1 as well, actually) */
	word-break: break-all
}

.time{
	color: #848484;
	font-size: 24rpx;
}